/* ===============================
   SEN SPA HEADER – FULL CSS
   =============================== */

:root {
    --main-color: #b12a72;
    --text-dark: #2f2f2f;
    --text-light: #555;
}


/* ===== TOP CONTACT BAR ===== */

.tw\:bg-white.tw\:border-b.tw\:py-6 {
    background: #fff;
    border-bottom: 1px solid #eee;
}

.tw\:bg-white.tw\:border-b.tw\:py-6 span,
.tw\:bg-white.tw\:border-b.tw\:py-6 a {
    font-size: 14px;
    color: var(--text-light);
    text-decoration: none;
}

.tw\:bg-white.tw\:border-b.tw\:py-6 a:hover,
.map-link:hover span {
    color: var(--main-color);
}

.tw\:bg-\[var\(--main-color\)\] {
    background: var(--main-color) !important;
}

.tw\:bg-white.tw\:border-b.tw\:py-6 i {
    font-size: 15px;
}


/* ===== HEADER DESKTOP ===== */

header {
    background: #fff;
}

header nav {
    border-bottom: 1px solid #eee;
    align-items: flex-end;
}


/* ===== NAV LINK ===== */

.header-nav-link {
    position: relative;
    color: var(--text-dark);
    font-weight: 500;
    letter-spacing: 1px;
}

.header-nav-link:hover {
    color: var(--main-color);
}


/* Active menu underline */

.header-nav-link-active {
    color: var(--main-color);
    font-weight: 600;
}

.header-nav-link-active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 100%;
    height: 3px;
    background: var(--main-color);
}


/* ===== LOGO CENTER ===== */

header img {
    max-height: 52px;
    object-fit: contain;
}

@media (min-width: 1024px) {
    header .tw\:flex-1 {
        justify-content: center;
    }
}


/* ===== DROPDOWN ===== */

.about-dropdown-container>div,
.language-dropdown-container>div {
    border-radius: 6px;
    overflow: hidden;
}

.about-dropdown-container a,
.language-dropdown-container button {
    font-size: 14px;
    color: var(--text-dark);
}

.about-dropdown-container a:hover,
.language-dropdown-container button:hover {
    background: #faf5f8;
    color: var(--main-color);
}


/* ===== MOBILE HEADER ===== */

@media (max-width: 1023px) {
    header {
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    }
    header img {
        max-height: 44px;
    }
}